import Head from 'next/head'
import React,{useState } from 'react'
import { Row, Col } from 'antd'  
import MusicBox from './musicBox'
// import LeftNav from './leftNav/leftNav'
import RightAids from '../rightAids/rightAids'

import Header from '../../components/Header'

const Home = (props) => {
  const [ mylist , setMylist ] = useState( props.data);
  
  return (
    <div className="appBox">
      <Header />
      <Row className="left-nav" type="flex" justify="space-around">
        <Col xs={22} sm={18} md={15} lg={15} xl={16} style={{background:'#fff'}}>
          <MusicBox />
        </Col>
        <Col  xs={0} sm={4} md={7} lg={7} xl={6}>
          <RightAids />
        </Col>
      </Row>
    </div>
  )
}
// Home.getInitialProps = async (context) => {
//   // let baiduData = []
//   // const promise = new Promise((resolve)=>{
//   //   axios('http://127.0.0.1:7001/default/getArticleList').then(
//   //     (res)=>{
//   //       // console.log(res.data,"666666666666",baiduData)
//   //       resolve(res.data)
//   //     }
//   //   )
//   // })
//   // return await promise
// }
export default Home
